導讀:1.送給交互新人們的“五字訣”:一曰“點”:每個控件本身屬性和觸發方式;舉例:比如一個輸入框,本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態等,而觸發方式需要考
發表日期:2019-06-11
文章編輯:興田科技
瀏覽次數:12013
標簽:
1.送給交互新人們的“五字訣”:
一曰“點”:每個控件本身屬性和觸發方式;
舉例:比如一個輸入框,本身屬性需要考慮可輸入的字段類型、長度和輸入前中后的視覺形態等,而觸發方式需要考慮切換焦點到輸入框內和如何離開等(這里的控件不一定是輸入框,可能是按鈕,也可能是文字鏈接等等等),要點,是希望交互設計師們,先仔細的思考清楚每個控件的本身和存在價值。
二曰“連”:控件和控件之間的關系和交互;
舉例:常見的比如注冊界面,用戶協議,復選框沒有勾選同意時,注冊提交按鈕是灰色不可點狀態,第二要點,說的就是控件與控件之間的先后、從屬、交互關系。
三曰“面”:頁面本身的主題或主流程目標;
舉例:任何一個頁面,都是為了一個或多個目標而存在的,哪怕如會員中心頁這類聚合頁,它的目標是聚合和承載,以及快速的鏈接各個功能點,第三要點,說的就是在交互設計時,當你研究清楚每個控件本身和空間之間關系后,需要著重思考的是,這個頁面本身的目的是什么?文案和信息結構,以及控件,是否可以清楚的暗示或明示用戶按你設計的走下去,并達到目標?比如注冊頁面這類目的比較的流程型交互流,我們要做的是,確保用戶可以輕松和準確的一步步向下,不要中斷、返回和跳出,這樣的交互思考下,交互的輕重強弱,自然隨著第三點頁面主題而清晰明了。
四曰“地”:主要控件觸發后本地交互校驗;
舉例:繼續拿注冊頁面來看,假設步頁面是手機號的校驗,在點擊下一步時,其實交互上沒有時間和服務器端做連接,而是先對手機號的輸入框做了一次本地校驗,校驗的是輸入框內的數字是否滿11位,開頭是否為三大運營商號段等,這次校驗,就叫本地校驗。
為何設置本地校驗?
降低不必要服務器交互成本;
提升交互出錯時的反饋速度。
所以,第四要點告訴大家的就是,在交互設計時,一些涉及向服務器交互的重要按鈕(動作),或者一些可以在輸入完就做判斷的輸入內容,可以先在本地做一次校驗,而不是一股腦的塞給服務器去判斷,服務器和程序猿哥哥都不喜歡這樣的孩子。
五曰“天”:本地校驗成功之后服務端校驗。
舉例:多拉轟的第五要點!和地面部隊交鋒成功后,我們終于迎來的后一步,向服務器提交,也就是和服務器端做交互,交互類型包括很多,如注冊就屬于表單的提交和校驗,服務器一旦校驗完成,就是反饋結果和允許跳轉,同時提交的表單會被記錄到相應的數據庫中,整個交互的目的也就真正的完成了。
在這個終點到來之前,交互設計師們,千萬謹記,這一步看似簡單,其實兇險萬分,要充分考慮各種情況下的校驗反饋,如傳遞到一般斷網了?注冊成功返回時服務器崩潰了?注冊時顯示有問題?等等等,同時要考慮在各種情況下,是停留在本地,還是跳轉,或者增加一些引導提示幫助找回狀態,所以和“天”溝通,實則不易,千萬不要功敗垂成!
后,來個口訣串起來,別說觀主土,觀主酷愛武俠,和馬云粑粑一樣!
口訣:兩點一連就是線,多線一合就是面,換面還須先入地,上天實則兇險!(呦西,還押韻了。。。)
這個武俠BI裝的不錯,自我評價99分,多1分怕驕傲!不說了,馬云粑粑要來幼兒園接藕了!
2.觀主是如何學習產品和交互的?
多做,多想,多錯,多改。
觀主這7年多的職業生涯,只看了兩本半的書,無數的產品經理問過這個問題,也追問了是哪兩本書,在這里分享下書名《體驗經濟》、《星巴克體驗》,還半本《一路向前》。
觀主不是學院派出身,任何理論知識,你們聽著新鮮的原因,是因為都是自己總結的,書上沒出現過,頂多雷同,所以你們聽著新鮮,哈哈哈。
觀主這七年,剛畢業時是文案策劃,一路做到現在,無非在重復一個流程:上去干,干不了想,干錯了改,改完以后不犯,下次繼續直接上去干!
如果非說有什么不同,觀主可能更信奉兩點:“一千次空想不如一次實干”,上面的流程就是知名佐證,另外一點就是“道法自然”,觀主畢竟是道家的嘛,所以法天法地法萬物。
觀主的學習方法,是在日常生活中,任何場景下,觀察身邊的一切,去思考他們或者它們背后的邏輯和原因。
比如家附近新開了一家燒臘店,觀主在出門次看到時,就思考了很多問題,比如它為什么是個燒臘店?它的客戶是誰?真正的客戶會是誰?它的客戶復購率如何?它的產品應該如何定位和定價?如果我是老板如何增加銷量?等等等,一大堆問題。
又比如,今晚在星巴克買咖啡時,看到亂哄哄的吧臺,觀主就思考了很多點,比如:咖啡師在做巧克力原漿時,是否可以拿到里面去做?避免制作過程的不拘小節被用戶看到等等。
很多人老愛問這個問題,今晚統一作答了,后希望大家,多做生活的有心人,觀主做產品經理第二年時,就愛和人說,多體會生活,懂生活就懂產品,那時,沒人信!現在,你們還不信嗎?騷年們!享受生活吧!畢竟你們的產品是為了生活和大眾服務,有什么比生活更好的老師嗎?
上一篇:
扁平化網站設計有哪些要素,適合哪些行業上一篇:
網站代運營的優勢在哪里更多新聞
2023
引言在當今數字化的時代,賀州的企業不再僅僅依賴傳統營銷渠道來推廣商品和服務。。隨著人們對互聯網和移動...
View details
2023
簡介大連自適應網站建設是當今迎合多種移動設備屏幕需求的最佳選擇之一。。隨著智能手機和平板電腦的普及,...
View details
2023
大連網站建設公司: 為您定制專業的網站設計與開發方案大連網站建設公司: 為您定制專業的網站設計與開發...
View details
2023
簡介在現代社會,互聯網已經成為了人們獲取信息、進行交流和開展業務的主要平臺。。無論是大型企業還是個人...
View details